<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Widpy</title>
<link rel="stylesheet" type="text/css" href="/media/css/style.css" media="screen" />
</head>
<body>
<div id="header">
<h1>Widpy</h1>
 <div id="menu">
  <ul id="nav">
   <li><a href="#">Pestanha</a></li>
  </ul>
 </div>
</div>
<div id="content">
<div id="right">
<h1><p align="center">Busqueda</p></h1>
<h2>
  <p align="center"><a href="http://localhost/search/?b=w" id="/search/">Widgets</a>
  <a href="http://localhost/search/?b=t" id="/search/">Temas</a>
</p>
</h2>


<form action="/search/" method="GET">
<label for="q">Buscar: </label>
<input type="text" name="q" value="">
<input type="submit" value="Buscar">
</form>


{% if query %}
	
	{{ que_buscar }}
	
	<p>La busqueda arrojo {{ query|length }} resultado{{ query|pluralize }}.</p>
	<ul>
	{% for nombre in query %}
		<li>{{ nombre.nombre_widget }}</li>
		<a 
		href="?w_id={{ nombre.id }}"id="/search_widgets/">Agregar</a>
		<br>{{ nombre.id }}{{ nombre.nombre_widget }} {{ nombre.descripcion }} {{ nombre.autor }}</br>
	{% endfor %}
	</ul>
{% else %}
	<! Para listar todos los widgets o temas /!>
	{% if temas %}
		    <ul>
		    {% for tema in temas %}
			<li>{{ tema.nombre_widget }} {{ tema.descripcion }} {{ tema.autor }}</a></li>
		    {% endfor %}
		    </ul>
	{% else %}
		<p>No hay widgets.</p>
	{% endif %}

{% endif %}

<a>Buscar por categorias:</a>
{% if categorias %}
		    <ul>
		    {% for cat in categorias %}
			<li><a href="?cat={{ cat.nombre }}"id="/search/">{{ cat.nombre }}</a></li>
		    {% endfor %}
		    </ul>
		{% else %}
			<p>No hay Categorias.</p>
{% endif %}

</div>
	
<div id="left">
	<div class="box">
			<h2>Buscar, agregar, etc...</h2>	
			<p>Opciones</p>
	</div>
			
	<div class="box">
			<h2>Configuracion...</h2>
			<p></p>
	</div>
		
    <div class="box">
	   <div style="font-size: 0.8em;">Design by UC</a></div>
	</div>
</div>
</div>
</body>
</html>
